<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,minimum-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="format-detection" content="telephone=no">
    <meta content="yes" name="apple-touch-fullscreen">
    <meta name="keywords" content="小说,小说网,玄幻小说,武侠小说,都市小说,历史小说,网络小说,言情小说,青春小说,原创网络文学">
    <meta name="description" content="小说阅读,精彩小说尽在起点中文网. 起点中文网提供玄幻小说,武侠小说,原创小说,网游小说,都市小说,言情小说,青春小说,历史小说,军事小说,网游小说,科幻小说,恐怖小说,首发小说,最新章节免费">
    <link rel="shortcut icon" href="/images/favicon.0.2.ico">
    <title>我的账号_起点中文网</title>
    <link rel="stylesheet" href="/dist/frozen/css/frozen.css">
    <link rel="stylesheet" href="/css/sprite.css">
    <link rel="stylesheet" href="/css/common.css">
    <link rel="stylesheet" href="/css/index.css">
    <link rel="stylesheet" href="/css/my.css">
    <link rel="stylesheet" href="/css/user.css">
    <style>
        .record-header-h {
            margin-top: 3.3125rem;
            margin-bottom: .625rem;
            text-align: left;
            margin-left:20px;
            font-size:14px;
            opacity: .6;
        }
        .center-header{
            min-height: 9.625rem;
        }
        .center-header p{
            text-align: left;
            padding:0 20px;
            font-size:14px;
        }
        .center-header .record-coin-num {
            font-size: 2.5rem;
            margin-right: .75rem;
            vertical-align: -.25rem;
            text-align: left;
        }
        .module{
            margin-top:.75rem;
        }
        .module nav{
            height: 2.75rem;
        }
        .module nav div{
            font-size: .875rem;
            line-height: 2.75rem;
            color: #969ba3;
            border-bottom: 1px solid #e3e4e6;
            float:left;
            width:50%;
            text-align: center;
        }
        .module nav div.active{
            color: #ed424b;
            border-bottom: 1px solid #ed424b;
        }
        .account-msg div.list{
            display: none;
        }
        .account-msg div.active{
            display: block;
        }
        .null-x {
            position: relative;
            height: 400px;
            height: 100vw;
        }
        .null {
            font-size: .8125rem;
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            max-width: 50%;
            height: 4.875rem;
            margin: auto;
            text-align: center;
            color: #969ba3;
        }
        .record-li-ticket{
            overflow: hidden;
            font-size: .75rem;
            line-height: 1.25rem;
            padding: .5rem 1rem;
            border-bottom: 1px solid #f2f2f2;
        }
        .record-li-left{
            float:left;
        }
        .record-li-right{
            float:right;
        }
        .record-li-left span:first-child{
            display: block;
            font-size: .875rem;
        }
        .record-li-left span:last-child{
            display: block;
            color: #bbb;
        }
        .record-li-right span:first-child{
            font-size: .85rem;
            display: block;
            text-align: right;
        }
        .record-li-right span:last-child{
            display: block;
            color: #bbb;
            text-align: right;
        }
    </style>
    <% include head.ejs%>
</head>
<body>
<div class="page page-bookshelft-my">
    <div class="content">
        <header id="header" class="header header-r" data-l1="41">
            <a href="/user" class="header-back jsBack" data-eid="mqd_G14">
                <i class="icon w"></i>
            </a>
            <nav class="btn-group btn-group-small">
                <h3 class="btn-group-cell">
                    我的账号
                </h3>
            </nav>
        </header>
        <div class="center-header">
            <h4 class="record-header-h">账户余额（起点币）</h4>
            <p role="option">
                <output class="record-coin-num">
                    <strong id="account">加载中</strong>
                </output>
                含<output id="away">加载中</output>赠币
            </p>
        </div>
        <div class="module">
            <ul class="center-nav-ol">
                <li class="book-li" role="link">
                    <a href="#" class="book-layout" role="option" id="chongzhi">
                        <h3 class="book-title"><i class="icon-center-money"></i>充值</h3>
                        <span class="book-author">
                            >
                        </span>
                    </a>
                </li>
            </ul>
        </div>
        <div class="module">
            <nav>
                <div class="acc-tab active">充值记录</div>
                <div class="acc-tab">消费记录</div>
            </nav>
            <div class="account-msg">
                <div class="list active">
                    <div class="null-x"><div class="null">近期无充值记录</div></div>
                </div>
                <div class="list" id="accountList">

                </div>
            </div>
        </div>
    </div>
</div>
<% include footer.ejs %>
</body>
<script type="text/template" class="hide1" id="tpl">
    <div class="record-li-ticket" data-afsid="{{afsid}}" data-index="{{index}}">
        <div class="record-li-left">
            <span>打赏</span>
            <span>{{time}}</span>
        </div>
        <div class="record-li-right">
            <span>{{bName}}</span>
            <span>{{reward}}起点币</span>
        </div>
    </div>
</script>
<script src="/js/account.js"></script>
</html>